# !/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
===========================
@Time : 2022/8/27 0027 18:42
@Author : 测试开发工程师
@File : 11. Vue 路由 - Router.py
@Software: PyCharm
============================
"""

"""
路由基本概念
    
    ===========================      路由的本质就是对应关系   =========================
    开发中，路由分为后端路由和前端路由
        后端路由： 根据用户不同的 URL 请求，返回不同的关系（服务端完成资源分发）
                   用户和后端 有提交数据交互，需要频繁不断刷新。造成性能差
        前端路由： 根据不同的用户事件，显示不同的页面关系
                   前端路由负责事件监听，触发事件后，通过事件函数渲染不同的内容
                   本质是 用户事件 与 处理函数之间的对应关系
                   用户  ->  前端路由  ->  事件处理函数
                   

Vue Router 简介： 路由管理
官网地址： https://router.vuejs.org/zh/
    Vue.js 官方提供的路由管理器
    包含的主要功能有：
        支持 HTML5 历史模式或 hash 模式
        支持嵌套路由
        支持路由参数
        ========   支持编程时导航  ======
        支持命名路由
    
Vue Router 安装
    使用 vue ui 安装 Vue Router


Vue Router 使用
    <router-link>: 支持用户在具有路由功能的应用中点击导航
    to: 指定目标地址
    <router-view/>: 显示与 url 对应的组件

"""
